<ion-header>
  <ion-toolbar>
    <ion-buttons slot="start">
      <ion-back-button></ion-back-button>
    </ion-buttons>


    <ion-segment (ionChange)="segmentChanged($event)">
      <ion-segment-button value="product">
        <ion-label>商品</ion-label>
      </ion-segment-button>
      <ion-segment-button value="detail">
        <ion-label>详情</ion-label>
      </ion-segment-button>
    </ion-segment>
  </ion-toolbar>
</ion-header>

<ion-content #content>

  <ion-card>


    <ion-card-header>

      <ion-slides pager="true" [options]="slideOpts">
        <ion-slide>

          <img src="{{config.IMG_HOST}}hy8.jpg">

        </ion-slide>
        <ion-slide>
          <img src="{{config.IMG_HOST}}hy9.jpg">
        </ion-slide>
        <ion-slide>
          <img src="{{config.IMG_HOST}}hy10.jpg">
        </ion-slide>
      </ion-slides>


    </ion-card-header>

    <ion-card-content>


      <ion-list>



        <ion-item>



            <h2>商务花艺</h2>


        </ion-item>



        <ion-item>

          <h2 class="pricetitle">¥2.6</h2>


        </ion-item>

        <ion-item>
          <ion-label>库存：20</ion-label>

          <ion-label>

            <ion-chip color="danger">
              <ion-icon name="flame-outline"></ion-icon>
              <ion-label>3453t</ion-label>
            </ion-chip>
          </ion-label>

        </ion-item>





      </ion-list>





    </ion-card-content>



  </ion-card>



  <ion-card>
    <ion-card-content>
     <ion-list>
       <ion-item>
         <img src="{{config.IMG_HOST}}hy11.jpg">
       </ion-item>

       <ion-item>
         <img src="{{config.IMG_HOST}}hy12.jpg">
       </ion-item>

       <ion-item>
         <img src="{{config.IMG_HOST}}hy13.jpg">
       </ion-item>

       <ion-item>
         <img src="{{config.IMG_HOST}}hy14.jpg">
       </ion-item>

     </ion-list>




    </ion-card-content>
  </ion-card>






</ion-content>

<ion-footer>

  <ion-toolbar>
   <ion-button slot="secondary" (click)="addToCart()">加入购物车</ion-button>
    <ion-button color="danger" slot="end" (click)="byImmediately()">立即购买</ion-button>
  </ion-toolbar>
</ion-footer>
